.bluetext{
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 50px;
				color: #0033cc;
				font-weight: bold;
				}
				
				.bigwhitetext{
				font-family: 'Oswald', sans-serif;
				font-size: 125px;
				color:white ;
				font-weight: bold;
				}
				
				.whitetext{
				font-family: 'Oswald', sans-serif;
				font-size: 50px;
				color: #ffffff;
				font-weight: bold;
				}
				
				.mediumwhitetext{
				font-family: 'Oswald', sans-serif;
				font-size: 30px;
				color:white ;
				font-weight: bold;
				}
				
				.smallwhitetext{
				font-family: 'Raleway', sans-serif;
				font-size: 15px;
				color:white ;
				font-weight: bold;
				}
				
				.yellowtext{
				color: #fbff00;
				font-family: 'Oswald', sans-serif;
				font-size: 30px;
				font-weight: bold;
				} 
				
				body{ 
				background-color: black;
				background-image: url(XXXXX.png)
				}
				
				.maintable{
				background-color: #338eac;
				width: 1000px;
				height: 600px;
				text-align: center;
				border: 10px solid;
				}
				
				.gametable{
				background-color: green;
				width: 1000px;
				height: 600px;
				text-align: center;
				border: 10px solid;
				}
				
				.navtable{
				background-color: black;
				width: 1000px;
				height: 100px;
				text-align: center;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 30px;
				color: white;
				}
				.navbutton{
				border: 3px solid red;
				text-align: center;
				width: 25%;
				}
				
				.Bordertable{
				border: 3px solid blue;
				text-align: center;
				color: white;
				font-family: Arial, Helvetica, Sans-serif;
				}
				
				.buttontable{
				border: 5px solid red;
				text-align: center;
				color: grey;
				font-family: Arial, Helvetica, Sans-serif;
				}
				
				.Highlighttable{
				border: 3px solid blue;
				background-color: grey;
				text-align: center;
				color: white;
				font-family: Arial, Helvetica, Sans-serif;
				}
				
				Tdiv {  
				width: 50%;  
				text-align: center;  
				padding: 15px;  
				border: 0px solid red;  
						}  
				img {  
				max-width: 30%;  
				height: auto;  
				}  
				
				
				
				
				a:link{
						color: yellow;
				}
				a:visited{
						color:yellow;
				}
				a:hover{
						color:blue;
				}
				a:active{
						color:grey;
				}
	
	
				
				
.fade-in-image {
  animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
				
				
				/* The animation code */
@keyframes RevealCard {
  from {opacity: 0%;}
  to {opacity: 100%;}
}

/* The element to apply the animation to */
Tdiv {
  width: auto;
  height: auto;
  animation-name: RevealCard;
  animation-duration: 4s;
}

@keyframes movecard {
  0% {opacity: 0%; left:200px; top:200px;}
  25% {opacity: 25%; left:400px; top:200px;}
  50% {opacity: 50%; left:600px; top:200px;}
  75% {opacity: 75%; left:800px; top:200px;}
  100% {opacity: 100%; left:1000px; top:200px;}
				
Mdiv {
  width: auto;
  height: auto
  position: relative;
  animation-name: movecard;
  animation-duration: 4s;
}